<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/userCenter.css">
    <title>用户中心</title>
    <script>
      var deviceWidth = document.documentElement.clientWidth < 640 ? document.documentElement.clientWidth : 640;
      document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';//640的设计稿
    </script>
</head>
<body>
    <div class="userCenter">
        <div class="top">
            <a></a>
            <a class="signIn">登录</a>
            <a class="signUp">注册</a>
            <a></a>
        </div>
        <div class="nav">
            <a>
                <img src="images/userCenter/proNow.png" alt="已购买">
                <span>已购买</span>
            </a>
            <a>
                <img src="images/userCenter/proPast.png" alt="往期购买">
                <span>往期购买</span>
            </a>
            <a>
                <img src="images/userCenter/aboutNr.png" alt="关于牛人">
                <span>关于牛人</span>
            </a>
            <a>
                <img src="images/userCenter/protocol.png" alt="平台协议">
                <span>平台协议</span>
            </a>
        </div>
        <div class="userNav">
            <a class="newBenefits">
                <span class="icon"></span>
                <span class="word">
                    <img src="images/userCenter/newBenefitsWords.png" alt="">
                </span>
                <span class="go"></span>
            </a>
            <a class="subscription">
                <span class="icon"></span>
                <span class="word">我的订阅</span>
                <span class="go"></span>
            </a>
            <a class="orders">
                <span class="icon"></span>
                <span class="word">我的订单</span>
                <span class="go"></span>
            </a>
        </div>
        <div class="serviceNav">
            <a class="answer">
                <span class="icon"></span>
                <span class="word">在线答疑</span>
                <span class="go"></span>
            </a>
            <a class="service">
                <span class="icon"></span>
                <span class="word">
                    <span>客服电话</span>
                    <span>13331881862</span>
                </span>
                <span class="go"></span>
            </a>
        </div>
    </div>
</body>
</html>